* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header{
    background-color: #000;
    height:50px;
}

.body{
    height: 100%;
}
@media (min-width: 1200px) {
    .nav{
        height:100%;
        overflow-y: auto;
        background-color: #363a45;
    }
    .nav li a {
        padding-left: 35px !important;
        color: #fff;
    }
    .nav li a:hover{
        background-color: #bce8f1 !important;
    }
}
@media (min-width: 991px) {
     .nav{
         height:100%;
        overflow-y: auto;
        background-color: #363a45;
    }
    .nav li a {
        color: #fff;
    }
    .nav li a:hover{
        background-color: #bce8f1 !important;
    }
}
@media (max-width: 991px) {
     .nav{
        overflow-y: auto;
        background-color: #363a45;
    }
    .nav li a {
        color: #fff;
        text-align: center;
    }
    .nav li a:hover{
        background-color: #bce8f1 !important;
    }
}






.content{
    padding-top: 20px;
}
